#list{
    width: 1200px;overflow: hidden;
    .title{
        width: 1200px;height: 30px;line-height: 30px;margin-top: 10px;
        .index{color: #6C6C6C;font-size: 18px;font-weight: 700;}
        p{
            display: inline;
            a:hover{color: #FF4200;}
        }
    }
    .left{
        width: 190px;margin-top: 6px;float: left;
        .cate{
            width: 188px;border: 1px solid #EEEEEE;margin-top: -1px;
            .head{
                font-size: 14px;border-bottom: 1px solid #F2F2F2;height: 30px;line-height: 30px;background: #FAFAFA;cursor:default; 
                span{width: 9px;height: 5px;margin: 14px 10px 0;background: url(../img/cate.png) no-repeat;float: left;}
            }
            ul{
                li{
                    height: 30px;line-height: 30px;padding-left: 30px;
                    a:hover{color: #FF4200;}
                }
            }
        }
        .volume{
            .title{
                width: 188px;height: 30px;line-height: 30px;text-align: center;border:1px solid #EEEEEE;
                .brand{color: #FF4400;}
            }
            ul{
                
                li{
                    padding: 0 10px 5px;margin-top: -1px;border:1px solid #EEEEEE;
                    a{
                        img{width: 120px;height: 180px;margin: 2px auto;}
                        span{display: block;max-height: 34px;line-height: 17px;overflow: hidden;}
                        p{
                            .price{color:#FF4200 ;display: inline;}
                        }
                    }
                    a:hover{color: #FF4200;}
                }
            }
        }
    }
    .order{
        width: 1000px;overflow: hidden;float: left;margin: 6px 0px 0px 10px;
        .title{
            width: 998px;height: 30px;line-height: 36px;background: #FAFAFA;margin: 0;border:1px solid #EEEEEE;border-top: 1px solid #E5E5E5;text-indent: 2em;
            .brand{color: #FF4200;}
        }
        .b_order{
            width: 998px;height: 78px;padding-bottom: 6px;border:1px solid #EEEEEE;margin-top: -1px;
            dt{width:65px;height: 78px;float: left;text-align: right;line-height: 36px;;}
            dd{
                ul{
                    width: 870px;height: 78px;float: left;
                    li{
                        float: left;height: 27px;line-height: 27px;width: 206px;margin-left: 6px;
                        a:hover{color: #FF4200;}
                    }
                }
                .more{display: block;width: 50px;float: right;margin-top: 10px;padding-right: 10px;}
            }
        }
        .b_order.p_order{
            height: 30px;line-height: 39px;
            dt{height: 30px;}
             dd{
                 ul{
                     height: 30px;
                     li{
                         width: 100px;text-align: center;line-height: 39px;
                         a.active{color: #F22800;}
                     }
                 }
             }   
        }
        .b_order.c_order{
            height: 30px;
            dt{height: 30px;line-height: 36px;}
            dd{
                ul{
                    height: 30px;
                    li{
                        width: 16px;height: 16px;margin:10px 6px 0 10px;line-height: 16px;
                        a{width: 16px;height: 16px;display: block;background: url(../img/all_colors_bg.png) no-repeat;}
                    }
                }
            }
        }
        .title.click_order{
            height: 30px;padding-bottom: 6px;margin-top: 10px;
            ul{
                height: 20px;
                li{
                    float: left;margin:3px 10px;height: 28px;
                    .cur{color: #FF3801;}
                    a{display: block; padding: 0px 20px;background: #FFFFFF;height: 28px;line-height: 33px;text-indent: 0px;border:1px solid #E6E6E6;}
                    .price_order_down{background: #FFFFFF url(../img/cate.png) no-repeat -145px -76px;padding: 0px 25px 0px 20px;}
                    .price_order_up{background: #FFFFFF url(../img/cate.png) no-repeat -145px -174px;padding: 0px 25px 0px 20px;}
                }
            }
        }
    }
    .content{
        width: 1000px;overflow: hidden;float: left;margin-left: 10px;
        ul{
            padding-left: 8px;
            li{
                width: 212px;padding: 20px 12px;margin: 10px 10px 0px 0px;border: 1px solid #FFFFFF;position: relative;float: left;
                p{
                    padding-top: 5px;
                    .price{
                        color: #FF4400;display: inline-block;margin-right: 10px;
                        .p{font-size: 16px;}
                    }
                }
                a{
                    img{width: 180px;height: 270px;margin: 0 auto;display: block;}
                    p{width: 208px;height: 34px;line-height: 17px;overflow: hidden;}
                    .brand{color: #FF3801;height: 17px;font-size: 14px;}
                }
                .tips{background: url(../img/list/ganen.png);display: block;position: absolute;top: 10px;right:10px;width: 66px;height: 20px;}
                a:hover{color: #FF4200;}
            }
            li:hover{
                border: 1px solid #C7C4C4;box-shadow: 0px 0px 10px #DDDDDD;
            }
        }
        .page1{
            width: 1000px;text-align: right;float: right;
        }
    }
}
